<template>
	<div class="hh">
		<header>
			<p> 
				<span  class="iconfont" @click="gos($router)">&#xe697;</span>
				<span>迪士尼美食专场</span>
				<span class="bg">&#xe601;</span>
			</p>			
		</header>
		<div class="dan">
			<img src="/static/market-img/1497922820208_4177_30.jpg"/>
			<img src="/static/market-img/1496377400918_3895_34.jpg"/>			
		</div>
		<!----------------商品展示--------------------->
		<div class="dyshop" >
			<div class="pto2 " v-for="n in dycold" key="$index">
				<p><img :src="n.picUrl"/></p>
				<p class="d-m1">{{n.mpName}}</p>
				<p class="d-m2 d-null"><img src="/static/market-img/1487661473112_7614_89.png"/></p>
				<p class="d-p">￥{{n.price}}</p>
				<p class="d-pin"><span class="d-p">{{n.ratingCount}}</span><span>条评论</span>&nbsp;&nbsp;<span>好评</span><span class="d-p">{{n.positiveRate}}%</span><span class="d-img d-img-cart">&#xe6f0;</span></p>
			</div>			
		</div>
		<!----------------吃出公主范------------------------->
			<img class="dan1" src="/static/market-img/1496377499149_2692_27.jpg"/>	
		<div class="dyshop">
			<div class="pto2">
				<p><img src="/static/market-img/d3385f5e-e661-4b1f-8099-0f19bb3d427f_m.jpg"/></p>
				<p class="d-m1">泰国妈妈泰式东荫浓汤</p>
				<p class="d-m2 d-null"></p>
				<p class="d-p">￥11.90</p>
				<p class="d-pin"><span>暂无评论</span><span class="d-img">&#xe6f0;</span></p>
			</div>
			<div class="pto2">
				<p><img src="/static/market-img/daaf18ba-bc45-45b7-ae43-4ac89aee7f1e_m.jpg"/></p>
				<p class="d-m1">泰国妈妈泰式东荫浓汤</p>
				<p class="d-m2"><img src="/static/market-img/1487661473112_7614_89.png"/></p>
				<p class="d-p">￥11.90</p>
				<p class="d-pin"><span>暂无评论</span><span class="d-img">&#xe6f0;</span></p>
			</div>
		</div>
		<img class="dan1" src="/static/market-img/1496377575100_7951_26.jpg"/>	
		<div class="pto2 last1">
				<p><img src="/static/market-img/daaf18ba-bc45-45b7-ae43-4ac89aee7f1e_m.jpg"/></p>
				<p class="d-m1">泰国妈妈泰式东荫浓汤</p>
				<p class="d-m2"><img src="/static/market-img/1487661473112_7614_89.png"/></p>
				<p class="d-p">￥11.90</p>
				<p class="d-pin"><span>暂无评论</span><span class="d-img">&#xe6f0;</span></p>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				dycold:[]
			}
		},
		methods:{
			gos(str){
				str.go(-1);
			},
			request(){
				this.$http({
					url:"http://m.laiyifen.com/page/module/getModuleData?categoryId=&pageNo=1&pageSize=10&moduleId=1003030600000030",
					method:"get"
				}).then(function(res){
					console.log(res);
					this.dycold=res.body.data.listObj;
					console.log(this.dycold);
				})
			}
		},
		mounted(){
			this.request()
		}
	}
</script>

<style scoped>
	.hh{
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background: white;
		z-index: 99;
		overflow: auto;
		
	}
@font-face {
  font-family: 'iconfont';  /* project id 347964 */
  src: url('//at.alicdn.com/t/font_347964_dginne0p7c1h5mi.eot');
  src: url('//at.alicdn.com/t/font_347964_dginne0p7c1h5mi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_347964_dginne0p7c1h5mi.woff') format('woff'),
  url('//at.alicdn.com/t/font_347964_dginne0p7c1h5mi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_347964_dginne0p7c1h5mi.svg#iconfont') format('svg');
}
.iconfont{
	font-family: 'iconfont';
	font-size: 1rem;
	color: #ff6900;
}
header{
	height: 1.3rem;
	line-height: 1.3rem;
	background:white;
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	z-index: 100;
}
header p{
	
    text-align: center;
    font-size: .5rem;
    display: flex;
	justify-content: space-between;
	text-align: center;
}

@font-face {
  font-family: 'iconfont';  /* project id 347964 */
  src: url('//at.alicdn.com/t/font_347964_t0eyzovtr1z6w29.eot');
  src: url('//at.alicdn.com/t/font_347964_t0eyzovtr1z6w29.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_347964_t0eyzovtr1z6w29.woff') format('woff'),
  url('//at.alicdn.com/t/font_347964_t0eyzovtr1z6w29.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_347964_t0eyzovtr1z6w29.svg#iconfont') format('svg');
}
.bg{
	font-family: 'iconfont';
	font-size: 1rem;
	color:gray;
	margin-top: -.2rem;
}
/**/
.dan{
	margin-top: 1.3rem;
}
.dan img{
	width: 100%;
	
}
/*商品展示*/
 .dyshop{
 	/*background: #ebeced;*/
 	display: flex;
 	justify-content: space-around;
 	flex-wrap: wrap;
 	padding: 0.1875rem 0.140625rem;
 }
.dyshop div{
	/*width: 50%;*/
	background: white;   
	padding-left: .3rem;
}
.dyshop .pto1,.dyshop .pto2{
	border-bottom: .3rem solid white;	
}
.d-m1{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .4rem;
    width: 3rem;
}
.dyshop div p:first-of-type{
	padding-bottom: 0.2rem;
}
.d-m2 img{
	width: .7rem;
    margin-top: .1rem;
}
.d-null{
	height:0.5rem ;
	margin-top: .1rem;
    line-height: 0.5rem;
}
.d-p{
	 color: #ff6900;
	 font-size: 0.4rem;
}
.d-pin{
	color:#999 ;
	padding: .1rem 0 .3rem 0;
}
.d-img{
	font-family: 'iconfont';
	color:#ff6900;
	font-size: .75rem;
	margin-left: 1.7rem;

}  
.d-img-cart{
	margin-left: 0;
}
@font-face {
  font-family: 'iconfont';  /* project id 347964 */
  src: url('//at.alicdn.com/t/font_347964_88q07ci1ffos9k9.eot');
  src: url('//at.alicdn.com/t/font_347964_88q07ci1ffos9k9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_347964_88q07ci1ffos9k9.woff') format('woff'),
  url('//at.alicdn.com/t/font_347964_88q07ci1ffos9k9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_347964_88q07ci1ffos9k9.svg#iconfont') format('svg');
}
.last{
	width: 92%;
}
/*海苔*/
.dan1{
	width: 100%;
}
.last1{
	margin-left: .8rem;
}
</style>